<template>
  <div class="list">
    <div v-for="v of $store.state.newlist.list" :key="v.art_id" class="article_item">
      <h3 class="van-ellipsis">{{ v.title }}</h3>
      <div v-if="v.cover.type !== 0" class="img_box">
        <!-- :class="v.cover.type === 1 ? 'w100' : 'w33'" -->
        <img
          v-for="(imgSrc, i) of v.cover.images"
          :key="i"
          :src="imgSrc"
          :class="{ w100: v.cover.type === 1, w33: v.cover.type === 3 }"
        />
      </div>
      <!---->
      <div class="info_box">
        <span>13552285417</span>
        <span>0评论</span>
        <span>2018-11-29T17:02:09</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'NewList',
  // 这里不需要调用了，因为
  // 第一次加载页面
  //  ==> components/Catagtory/index.vue created
  //  ==> this.$store.dispatch('catagtory/getList')
  //  ==> axios 发请求，获取分类列表，并将分类列表设置到Vuex中
  //  ==>  判断获取的分类列表的长度是否大于0，如果大于0，那么就取第一个分类的id，设置给 curChannelId （当前分类id）
  //  ==>  只要调用了 setCurChannelId 这个 mutation，就说明在修改当前分类id，会在 mutation 函数中去调用 获取文章列表的 action
  //   ==> 就会去发请求，获取文章列表
  // created() {
  //   this.$store.dispatch('newlist/getList')
  // },
}
</script>
